<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/semantic.css">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/cola.css">
	<script src="../../resources/jquery-2.1.3.js"></script>
	<script src="../../resources/cola-ui/3rd.js"></script>
	<script src="../../resources/cola-ui/semantic.js"></script>
	<script src="../../resources/cola-ui/cola.js"></script>
	<script src="../../resources/cola-ui/i18n/zh/cola.js"></script>

	<script type="text/javascript">
		cola(function (model) {
			model.set("directions", [
				{value: "east", text: "东"},
				{value: "south", text: "南"},
				{value: "west", text: "西"},
				{value: "north", text: "北"}
			]);
		});
	</script>
</head>
<body style="padding:1em;">

	<div c-alias="directions as ds">
		<li c-repeat="d in ds" c-bind="d.text"></li>
	</div>

</body>
</html>